<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<html lang="zh-cn">
<head>

	<!-- meta -->
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
	<!-- title -->
	<title>KBlog | 技术分享</title>
	<!-- css -->
	<link rel="shortcut icon" type="text/css" href="/webshow/index/img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="/webshow/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="/webshow/index/css/kblog.css"/>
	<link rel="stylesheet" type="text/css" href="/webshow/index/css/kblog_comments.css"/>
	<link rel="stylesheet" type="text/css" href="/webshow/index/css/kblog_auth.css"/>
	<link rel="stylesheet" type="text/css" href="/webshow/index/js/jquery.Jcrop.min.css"/>
	<!-- 标签云样式 -->
	<link rel="stylesheet" type="text/css" href="/webshow/index/css/jQCloud.css"/>
	<!-- 字体图标样式 -->
	<!-- <link rel="stylesheet" type="text/css" href="/webshow/index/css/font-awesome.min.css"/> -->

	<!-- js -->
	<script type="text/javascript" src="/webshow/index/js/jquery-2.1.3.min.js"></script>
	<script type="text/javascript" src="/webshow/index/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="/webshow/index/js/jquery.form.js"></script>
	<!-- <script type="text/javascript" src="./static/jquery/jquery.Jcrop.js"></script> -->
	<script type="text/javascript" src="/webshow/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/webshow/index/js/kblog.js"></script>
	<script type="text/javascript" src="/webshow/index/js/jQCloud.js"></script>

</head>
<body id="kblog" scroll="no">
<!-- (用th:object定义表单数据提交对象,用th:field定义表单数据属性,用*{}锁定上级定义的对象，{}内填写对象属性，提交表单时自动降属性值封住到对象中) -->
	<header id="kblog-header" class="navbar navbar-inverse navbar-fixed-top navbar-kblog">
		
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle = "collapse" data-target = "#kblog-navbar-collapse">
					<span class="sr-only">切换导航条</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<div class="navbar-brand">KBlog</div>
			</div>
			<div id="kblog-navbar-collapse" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="">
						<a href="/">
							<span class="glyphicon glyphicon-home"></span>博客首页
						</a>
					</li>

					<li class="">
						<a href="/all/">
							<span class="glyphicon glyphicon-globe"></span>全部文章
						</a>
					</li>

					<li class="">
						<a href="/news/">
							<span class="glyphicon glyphicon-star-empty"></span>资讯信息
						</a>
					</li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a id="nav-login" data-toggle="modal" data-target="#login-modal" style="padding-right: 0px;cursor: pointer;" data-original-title="" title="">登录</a>
					</li>

					<li>
						<a id="nav-register" data-toggle="modal" data-target="#register-modal" style="padding-right: 0px;cursor: pointer;">注册</a>
					</li>
				</ul>	
			</div>
		</div>
	</header>
	<div id="login-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="margin-top: 20%;">
			<div class="modal-content">
				<div class="modal-header" >
					<button class="close" type="button" data-dismiss="modal" aria-hidden="true">  ×  </button>
					<h4 id="myModalLabel" class="modal-title"> 用户登录 </h4>
				</div>
				<div class="modal-body clearfix">
					<form id="login-form" class="form-horizontal" method="post" role="form">
						<input type="hidden" name="csrftoken" value="9ipHVVEIK5nz8DWNuDEU66bwynD7LDOt"/>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="login-username">用户名</label>
							<div class="col-sm-6">
								<input id = "login-username" name="username" class="form-control" placeholder="请输入用户名..." type="text"/>
							</div>

							<div id="forgetpassword" style="margin-right: 90px;">
							<a href="/forgetpassword/">忘记密码?</a>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-2 control-label" for="login-password">密码</label>
							<div class="col-sm-6">
								<input id = "login-password" name="password" class="form-control" placeholder="请输入密码..." type="password"/>
							</div>

							<button id="login-button" class="btn btn-primary" type="submit" style="margin-right: 90px;">
								登录
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="register-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="margin-top: 20%;">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" type="button" data-dismiss="modal" aria-hidden="true">  ×  </button>
					<h4 id="myModalLabel" class="modal-title"> 用户注册 </h4>
				</div>
				<div class="modal-body clearfix">
					<form id="register-form" class="form-horizontal" method="post" role="form">
						<input type="hidden" name="csrftoken" value="9ipHVVEIK5nz8DWNuDEU66bwynD7LDOt"/>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="register-username">用户名</label>
							<div class="col-sm-6">
								<input id = "register-username" class="form-control" placeholder="请输入用户名..." type="text"/>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-2 control-label" for="register-email">Email</label>
							<div class="col-sm-6">
								<input id = "register-email" class="form-control" placeholder="请输入邮箱..." type="text"/>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-2 control-label" for="register-password-1">密码</label>
							<div class="col-sm-6">
								<input id = "register-password-1" class="form-control" placeholder="请输入密码..." type="password"/>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="register-password-2">确认密码</label>
							<div class="col-sm-6">
								<input id = "register-password-2" class="form-control" placeholder="请再次输入密码..." type="password"/>
							</div>

							<button id="register-button" class="btn btn-primary pull-right" type="submit" style="margin-right: 90px;">
								注册
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<div id="kblog-main">
		<div id="kblog-content" class="container">
			<div class="row">


				<div id="kblog-content" class="col-md-8 col-lg-9">
					<!-- <div class="well alert hidden-xs fade in">
						<button class="close" data-dismiss="alert" type="button">  ×  </button>
						欢迎来到
						<a href="/" target="_blank">KBlog</a>
					</div> -->

				
					<div class="visible-xs">
						<div class="search">
							<form class="form-inline clearfix" role="form" method="get" action="/search/">
								<input type="text" name="s" id="top-s" class="form-control"/>
								<button class="btn btn-kblog">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</form>
						</div>
					</div>

					<div id="home-post-list">
						<div id="myCarousel" class="carousel slide clearfix">
							<ol class="carousel-indicators">
								<li class="active" data-target="#myCarousel" data-slide-to="0"></li>
								<li data-target="#myCarousel" data-slide-to="1"></li>
								<li data-target="#myCarousel" data-slide-to="2"></li>
								<li data-target="#myCarousel" data-slide-to="3"></li>
								<li data-target="#myCarousel" data-slide-to="4"></li>
							</ol>
							<div class="carousel-inner">
								<div class="item active">
									<a href="/article/t.html">
										<img src="/webshow/index/img/carousel/linux-carousel.jpg" alt=""/>
										<div class="carousel-caption">
											<h4>Linux环境编程学习笔记</h4>
										</div>
									</a>
								</div>

								<div class="item">
									<a href="/article/t.html">
										<img src="/webshow/index/img/carousel/ollydbg-carousel.jpg" alt=""/>
										<div class="carousel-caption">
											<h4>Ollydbg</h4>
										</div>
									</a>
								</div>

								<div class="item">
									<a href="/article/t.html">
										<img src="/webshow/index/img/carousel/django-carousel.jpg" alt=""/>
										<div class="carousel-caption">
											<h4>Django</h4>
										</div>
									</a>
								</div>

								<div class="item">
									<a href="/article/t.html">
										<img src="/webshow/index/img/carousel/asm-carousel.jpg" alt=""/>
										<div class="carousel-caption">
											<h4>Asm</h4>
										</div>
									</a>
								</div>

								<div class="item">
									<a href="/article/t.html">
										<img src="/webshow/index/img/carousel/python-carousel.jpg" alt=""/>
										<div class="carousel-caption">
											<h4>Python</h4>
										</div>
									</a>
								</div>
							</div>

							<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">Previous</span>
							</a>

							<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
								<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
								<span class="sr-only">Next</span>
							</a>
						</div>

						<div class="home-post well clearfix">
							<div class="post-title underline clearfix">
								<a href="/category/xx/">
									<div class="pre-cat">
										<div class="pre-catinner btn">
											Linux
										</div>
										<div class="pre-catarrow">
											
										</div>
									</div>
								</a>
								<h1>
									<a href="/article/detail"> Linux环境编程学习笔记 </a>
								</h1>

								<div class="post-info">
									<span>
										<span class="glyphicon glyphicon-calendar"></span>
										2016-10-26
									</span>
									<span>
										<span class="glyphicon glyphicon-comment"></span>
										100
									</span>

									<span>
										<span class="glyphicon glyphicon-eye-open"></span>
										400
									</span>

									<div class="post-tags">
										<a href="/article/tag/" class="">
											<span class="label label-kblog-1 btn">Linux</span>
										</a>

										<a href="/article/tag/" class="hidden-xs">
											<span class="label label-kblog-2 btn">C</span>
										</a>

										<a class="visible-xs-inline-block">
											<span class="label label-kblog-2 btn">...</span>
										</a>
									</div>									
								</div>
							</div>

							<div class="post-content">
								<div class="row">
									<div class="col-sm-4">
										<figure class="thumbnail">
											<a href="/article/detail">
												<img src="/webshow/index/img/article/linux-article.jpg" height="30" alt=""/>
											</a>
										</figure>
									</div>
									<div class="col-sm-8">
										<p/>

										<p>curses 接着前天 6.字符属性与颜色 判定终端是否支持颜色 bool has_colors();//都支持颜色,建议不判定 初始化颜色: int start_color(); 定义颜色对 int init_pair(short pair,short fore,short back); init_pair 一定要放在 start_color()后面 使用颜色对 COLOR_PAIR(sh

										...
										</p>
										<a href="/article/detail/" type="button" class="btn btn-kblog pull-right hidden-xs">阅读全文</a>
									</div>
								</div>
							</div>
						</div>

						<div class="home-post well clearfix">
							<div class="post-title underline clearfix">
								<a href="/category/xx/">
									<div class="pre-cat">
										<div class="pre-catinner btn">
											Spring
										</div>
										<div class="pre-catarrow">
											
										</div>
									</div>
								</a>
								<h1>
									<a href="/article/post.html"> Spring基础知识 </a>
								</h1>

								<div class="post-info">
									<span>
										<span class="glyphicon glyphicon-calendar"></span>
										2016-10-26
									</span>
									<span>
										<span class="glyphicon glyphicon-comment"></span>
										100
									</span>

									<span>
										<span class="glyphicon glyphicon-eye-open"></span>
										400
									</span>

									<div class="post-tags">
										<a href="/tag/linux/" class="">
											<span class="label label-kblog-1 btn">Spring</span>
										</a>

										<a href="/tag/c/" class="hidden-xs">
											<span class="label label-kblog-2 btn">Java</span>
										</a>

										<a class="visible-xs-inline-block">
											<span class="label label-kblog-2 btn">...</span>
										</a>
									</div>									
								</div>
							</div>

							<div class="post-content">
								<div class="row">
									<div class="col-sm-4">
										<figure class="thumbnail">
											<a href="/article/linux.html">
												<img src="/webshow/index/img/article/spring.jpg" height="30" alt=""/>
											</a>
										</figure>
									</div>
									<div class="col-sm-8">
										<p/>

										<p>Spring框架由Rod Johnson开发，Rod Johnson’s twitter，Rod Johnson’s 百度百科，2004年发布了Spring框架的第一版。Spring是一个从实际开发中抽取出来的框架，因此它完成了大量开发中的通用步骤，留给开发者的仅仅是与特定应用相关的部分，从而大大提高了企业应用的开发效率。Spring总结起来优点如下

                						...
										</p>
										<a href="/article/spring.html" type="button" class="btn btn-kblog pull-right hidden-xs">阅读全文</a>
									</div>
								</div>
							</div>
						</div>

						<div class="home-post well clearfix">
							<div class="post-title underline clearfix">
								<a href="/category/xx/">
									<div class="pre-cat">
										<div class="pre-catinner btn">
											Mybatis
										</div>
										<div class="pre-catarrow">
											
										</div>
									</div>
								</a>
								<h1>
									<a href="/article/post.html"> Mybatis </a>
								</h1>

								<div class="post-info">
									<span>
										<span class="glyphicon glyphicon-calendar"></span>
										2016-10-26
									</span>
									<span>
										<span class="glyphicon glyphicon-comment"></span>
										100
									</span>

									<span>
										<span class="glyphicon glyphicon-eye-open"></span>
										400
									</span>

									<div class="post-tags">
										<a href="/tag/linux/" class="">
											<span class="label label-kblog-1 btn">Mybatis</span>
										</a>

										<a href="/tag/c/" class="hidden-xs">
											<span class="label label-kblog-2 btn">ORM</span>
										</a>

										<a href="/tag/c/" class="hidden-xs">
											<span class="label label-kblog-2 btn">SQL</span>
										</a>

										<a class="visible-xs-inline-block">
											<span class="label label-kblog-2 btn">...</span>
										</a>
									</div>									
								</div>
							</div>

							<div class="post-content">
								<div class="row">
									<div class="col-sm-4">
										<figure class="thumbnail">
											<a href="/article/linux.html">
												<img src="/webshow/index/img/article/default.jpg" height="30" alt=""/>
											</a>
										</figure>
									</div>
									<div class="col-sm-8">
										<p/>

										<p>The MyBatis SQL mapper framework makes it easier to use a relational database with object-oriented applications. MyBatis couples objects with stored procedures or SQL statements using a XML descriptor or annotations. Simplicity is the biggest advantage of the MyBatis data mapper over object relational mapping tools.
                
                						...
										</p>
										<a href="/article/linux.html" type="button" class="btn btn-kblog pull-right hidden-xs">阅读全文</a>
									</div>
								</div>
							</div>
						</div>

						<div class="home-post well clearfix">
							<div class="post-title underline clearfix">
								<a href="/category/xx/">
									<div class="pre-cat">
										<div class="pre-catinner btn">
											Hibernate
										</div>
										<div class="pre-catarrow">
											
										</div>
									</div>
								</a>
								<h1>
									<a href="/article/post.html"> Hibernate </a>
								</h1>

								<div class="post-info">
									<span>
										<span class="glyphicon glyphicon-calendar"></span>
										2016-10-26
									</span>
									<span>
										<span class="glyphicon glyphicon-comment"></span>
										100
									</span>

									<span>
										<span class="glyphicon glyphicon-eye-open"></span>
										400
									</span>

									<div class="post-tags">
										<a href="/tag/linux/" class="">
											<span class="label label-kblog-1 btn">Hibernate</span>
										</a>

										<a href="/tag/c/" class="hidden-xs">
											<span class="label label-kblog-2 btn">ORM</span>
										</a>

										<a class="visible-xs-inline-block">
											<span class="label label-kblog-2 btn">...</span>
										</a>
									</div>									
								</div>
							</div>

							<div class="post-content">
								<div class="row">
									<div class="col-sm-4">
										<figure class="thumbnail">
											<a href="/article/linux.html">
												<img src="/webshow/index/img/article/hibernate.jpg" height="30" alt=""/>
											</a>
										</figure>
									</div>
									<div class="col-sm-8">
										<p/>

										<p>Hibernate ORM enables developers to more easily write applications whose data outlives the application process. As an Object/Relational Mapping (ORM) framework, Hibernate is concerned with data persistence as it applies to relational databases (via JDBC). Unfamiliar with the notion of ORM? Read here.
                
                						...
										</p>
										<a href="/article/linux.html" type="button" class="btn btn-kblog pull-right hidden-xs">阅读全文</a>
									</div>
								</div>
							</div>
						</div>

						<div class="home-post well clearfix">
							<div class="post-title underline clearfix">
								<a href="/category/xx/">
									<div class="pre-cat">
										<div class="pre-catinner btn">
											Maven
										</div>
										<div class="pre-catarrow">
											
										</div>
									</div>
								</a>
								<h1>
									<a href="/article/post.html"> Maven </a>
								</h1>

								<div class="post-info">
									<span>
										<span class="glyphicon glyphicon-calendar"></span>
										2016-10-26
									</span>
									<span>
										<span class="glyphicon glyphicon-comment"></span>
										100
									</span>

									<span>
										<span class="glyphicon glyphicon-eye-open"></span>
										400
									</span>

									<div class="post-tags">
										<a href="/tag/linux/" class="">
											<span class="label label-kblog-1 btn">Maven</span>
										</a>

										<a href="/tag/c/" class="hidden-xs">
											<span class="label label-kblog-2 btn">Tools</span>
										</a>

										<a class="visible-xs-inline-block">
											<span class="label label-kblog-2 btn">...</span>
										</a>
									</div>									
								</div>
							</div>

							<div class="post-content">
								<div class="row">
									<div class="col-sm-4">
										<figure class="thumbnail">
											<a href="/article/linux.html">
												<img src="/webshow/index/img/article/maven.jpg" height="30" alt=""/>
											</a>
										</figure>
									</div>
									<div class="col-sm-8">
										<p/>

										<p> Apache Maven is a software project management and comprehension tool. Based on the concept of a project object model (POM), Maven can manage a project's build, reporting and documentation from a central piece of information.

If you think that Maven could help your project, you can find out more information about in the "About Maven" section of the navigation. This includes an in-depth description of what Maven is, a list of some of its main features, and a set of frequently asked questions about what Maven is. 
                
                						...
										</p>
										<a href="/article/linux.html" type="button" class="btn btn-kblog pull-right hidden-xs">阅读全文</a>
									</div>
								</div>
							</div>
						</div>

						

						<!-- 分页 -->
						<ul class="pager">
							<li class="previous">
								<a href="?page-2">&larr;上一页</a>
							</li>

							<li class="page-number">
								3/22
							</li>
							<li class="next">
								<a href="?page=4">下一页&rarr;</a>
							</li>
						</ul>						
					</div>
				</div>

				<!-- 右边的widgets -->
				<div id="kblog-side" class="col-md-4 col-lg-3 hidden-xs">
					<div>
					<!-- <div id="tags_cloud" class=""> -->

				</div>

				<!-- 关于我 -->
				<div id="kblog-aboutme">
					<div class="panel panel-kblog" >
						<div class="panel-heading">
							<h3 class="panel-title">
								<span class="glyphicon glyphicon-user"></span>
								关于我
								<span class="glyphicon glyphicon-remove btn panel-close pull-right"></span>
								<span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right" data-toggle="collapse" data-target="#about-me"></span>
							</h3>
						</div>
						
						<div id="about-me" class="profile-block">
							<div>
								<img id="avatar" src="/webshow/index/img/avatar.jpg" class="img-circlestyle"/>
							</div>
							<!-- <h2 id="name">Oubayeung</h2> -->
							<!-- <h5 id="title" style="margin: 1.6em 0em">我是一枚爱折腾的万金油</h5> -->
							<div class="spanstyle">
								<span id="location">
									<i class="glyphicon glyphicon-map-marker">中国-北京-朝阳</i>
								</span>
							</div>
							<div class="seeme">
								<a id="follow" class="btn btn-info" target="_blank" href="https://github.com/oubayeung"> 关注我 </a>
							</div>

							<div class="article-info-block">
								21
								<span>
									文章
								</span>
							</div>
							<div class="article-info-block">
								32
								<span>
									标签
								</span>
							</div>

							<div class="profile-block social-links">
								<div>
									<table class="tablestyle">
										<tbody class="tbodystyle">
											<tr>
										
												<td class="tdstyle">
													<a class="fas" href="https://github.com/oubayeung" target="_blank" title="github">
														<i class="fa fa-github "></i>
													</a>
												</td>
												
												<td class="tdstyle">
													<a class="fas" href="https://git.oschina.net/oubayeung" target="_blank" title="git">
														<i class="fa fa-git"></i>
													</a>
												</td>

												<td class="tdstyle">
													<a class="fas" href="mailto:oubayeung@gmail.com" target="_blank" title="Email">
														<i class="fa fa-envelope"></i>
													</a>
												</td>

												<td class="tdstyle">
													<a class="fas" href="http://weibo.com/2014605502" target="_blank" title="weibo">
														<i class="fa fa-weibo"></i>
													</a>
												</td>

												<td class="tdstyle">
													<a class="fas" href="/atom.xml" target="_blank" title="rss">
														<i class="fa fa-rss"></i>
													</a>
												</td>
																							
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div> 
					</div>
				</div>

				<!-- 检索 -->
				<div id="kblog-search">
					<div class="panel panel-kblog">
						<div class="panel-heading">
							<h3 class="panel-title">
								<span class="glyphicon glyphicon-search"></span>
								检索一下
								<span class="glyphicon glyphicon-remove btn panel-close pull-right"></span>
								<span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right" data-toggle="collapse" data-target="#search-box"></span>
							</h3>
						</div>
						<div id="search-box">
							<form class="clearfix" role="form" method="get" action="/search/">
								<!-- <span class="input-group glyphicon glyphicon-search"></span> -->
								<input class="search-in form-control" type="text" name="s" id="s" placeholder="请输入检索内容..."/>
								<!-- <span class="input-group-addon">搜索</span> -->
								<button class="btn btn-kblog">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</form>		
						</div>
					</div>
				</div>


				<!-- 热门推荐 -->
				<div id="kblog-hotest-posts">
					<div class="panel panel-kblog">
						<div class="panel-heading">
							<h3 class="panel-title">
								<span class="glyphicon glyphicon-flag"></span>
								热门推荐
								<span class="glyphicon glyphicon-remove btn panel-close pull-right"></span>
								<span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right" data-toggle="collapse" data-target="#hotest-post-list"></span>
							</h3>
						</div>
						<ul id="hotest-post-list" class="list-group collapse in">
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="post_detail.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
							<li class="list-group-item">
								<span class="hotest-post-title">
									<a href="/article/blog.html">Python编程基础</a>
								</span>
								<span class="badge">6021</span>
							</li>
						</ul>
					</div>
				</div>

				<!-- 最新评论 -->
				<div id="kblog-latest-comments">
					<div class="panel panel-kblog">
						<div class="panel-heading">
							 <h3 class="panel-title">
				                <span class="glyphicon glyphicon-comment"></span>
				                最新评论
				                <span class="glyphicon glyphicon-remove btn panel-close pull-right" data-dismiss="alert"></span>
				                <span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right"  data-toggle="collapse" data-target="#latest-comment-list"></span>
				            </h3>
						</div>
						<ul id="latest-comment-list" class="list-group collapse in">
							<li class="list-group-item clearfix">
								<!-- 头像 -->
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/tx/default.jpg" alt=""/>
								</div>
								<!-- 评论信息 -->
								<div class="comment-info">
									<!-- username -->
									<div class="comment-username">
										<a href="#">Jhon 评论：</a>
									</div>
									<!-- comment -->
									<div class="comment-content">
										<a href="/article/blog.html">
											Very nice!!!
										</a>
									</div>
								</div>
							</li>

							<li class="list-group-item clearfix">
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/tx/default.jpg" alt=""/>
								</div>
								<div class="comment-info">
									<div class="comment-username">
										<a href="#">Susan 评论：</a>
									</div>
									<div class="comment-content">
										<a href="/article/blog.html">
											不错啊
										</a>
									</div>
								</div>
							</li>

							<li class="list-group-item clearfix">
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/article/default.jpg" alt=""/>
								</div>
								<div class="comment-info">
									<div class="comment-username">
										<a href="#">tohoma 评论：</a>
									</div>
									<div class="comment-content">
										<a href="/article/blog.html">
											nice!!!
										</a>
									</div>
								</div>
							</li>

							<li class="list-group-item clearfix">
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/tx/default.jpg" alt=""/>
								</div>
								<div class="comment-info">
									<div class="comment-username">
										<a href="#">奥巴马 评论：</a>
									</div>
									<div class="comment-content">
										<a href="/article/blog.html">
											厉害了
										</a>
									</div>
								</div>
							</li>

							<li class="list-group-item clearfix">
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/tx/default.jpg" alt=""/>
								</div>
								<div class="comment-info">
									<div class="comment-username">
										<a href="#">安倍晋三 评论：</a>
									</div>
									<div class="comment-content">
										<a href="/article/blog.html">
											主人，我知道错了
										</a>
									</div>
								</div>
							</li>

							<li class="list-group-item clearfix">
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/tx/default.jpg" alt=""/>
								</div>
								<div class="comment-info">
									<div class="comment-username">
										<a href="#">普京 评论：</a>
									</div>
									<div class="comment-content">
										<a href="/article/blog.html">
											再惹哥，干死你丫的
										</a>
									</div>
								</div>
							</li>

							<li class="list-group-item clearfix">
								<div class="comment-tx">
									<img class="imgs-size" src="/webshow/index/img/tx/default.jpg" alt=""/>
								</div>
								<div class="comment-info">
									<div class="comment-username">
										<a href="#">萨科齐 评论：</a>
									</div>
									<div class="comment-content">
										<a href="/article/blog.html">
											小安，给老子安静点
										</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					
				</div>

				<!-- 友情链接 -->
				<div class="kblog-links">
					<div class="panel panel-kblog">
						<div class="panel-heading">
							<h3 class="panel-title">
								<span class="glyphicon glyphicon-link"></span>
								友情链接
								<span class="glyphicon glyphicon-remove btn panel-close pull-right"></span>
								<span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right"  data-toggle="collapse" data-target="#links"></span>
							</h3>
						</div> 
						
						<div id="links" class="padding10 list-group collapse in">
							<a href="#" target="_blank" title="Spring boot" class="btn btn-xs btn-primary">Spring boot</a>
							<a href="#" target="_blank" title="Mybatis Plus" class="btn btn-xs btn-success">Mybatis Plus</a>
							<a href="#" target="_blank" title="Hibernate" class="btn btn-xs btn-info">Hibernate</a>
							<a href="#" target="_blank" title="Oracle" class="btn btn-xs btn-warning">Oracle</a>
							<a href="#" target="_blank" title="Spark" class="btn btn-xs btn-default">Spark</a>
						</div>
					</div>
				</div>

				<!-- 标签云 -->
				<div class="kblog-tags">
					<div class="panel panel-kblog">
						<div class="panel-heading">
							<h3 class="panel-title">
								<span class="glyphicon glyphicon-tags"></span>
								标签云
								<span class="glyphicon glyphicon-remove btn panel-close pull-right"></span>
								<span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right"  data-toggle="collapse" data-target="#tags-cloud"></span>
							</h3>
						</div> 
						
						<div id="tags-cloud" class="tags-cloud padding10 list-group collapse in">
							
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- <div id="toTop" class="fa fa-angle-up" style="display: block;left: 1499.88px;">
			
		</div> -->

	</div>


	<!-- footer -->
	<div>
		<footer>
			<div class="container">
				<p class="text-conter">基于Spring, Bootstrap的个人博客系统</p>
			</div>
		</footer>
	</div>

	<script type="text/javascript">
		var word = [
			{text: "Maven",weight:33},
			{text: "Spring",weight:25},
			{text: "Security",weight:45},
			{text: "Hibernate",weight:20},
			{text: "Mybatis",weight:22},
			{text: "bootstrap",weight:15},
			{text: "Linux",weight:31},
			{text: "Sprong Boot",weight:15},
			{text: "ORM",weight:15}
		];

		$(function() {
			$('#tags-cloud').jQCloud(word);
		});

	</script>
</div>
</body>


</html>